.index-content {
	width: 100%;
	height: 100vh;
	overflow: auto;
	box-sizing: border-box;
	padding-bottom: 32rpx;

	.menu-box {
		width: 100%;
		padding: 32rpx;
		box-sizing: border-box;

		.menu-box-content {
			width: 100%;
			display: flex;
			flex-wrap: wrap;

			.menu-box-item {
				width: 50%;
				padding: 0 10rpx;
				box-sizing: border-box;
				margin: 10rpx 0;

				.menu-box-item-inner {
					background: #f8f8f9;
					padding: 20rpx 0rpx;
					box-sizing: border-box;
					border-radius: 20rpx;
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: center;

					.menu-box-item-inner-left {
						width: 80rpx;
						height: 80rpx;
						border-radius: 50%;
						font-size: 28rpx;
						margin-right: 20rpx;
						display: flex;
						justify-content: center;
						align-items: center;
					}

					.menu-box-item-inner-right {
						font-size: 28rpx;
					}
				}
			}
		}

		.menu-box-title {
			height: 56rpx;
			display: flex;
			align-items: center;
			margin-left: 9rpx;
			font-size: 36rpx;
			.menu-box-icon {
				width: 10rpx;
				height: 100%;
				border-radius: 20rpx;
				background: #3c9cff;
				margin-right: 14rpx
			}
		}
	}

	.nav-bar {
		height: 140rpx;
		display: flex;
		align-items: center;
		.nav-bar-item {
			width: calc(100% / 4);
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.nav-bar-item-name {
				font-size: 28rpx;
			}
		}
	}
}
